<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="../js/mui.min.js"></script>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/style.css" />
    <link rel="stylesheet" href="../css/swiper.css" />
    <link rel="stylesheet" href="../css/iconfont.css" />   
    <style>
    	.scroll {height:30px;width:60%;max-width:640px;overflow:hidden;color: #000000;display:inline-block;position: relative;position: absolute;left: 120px;top:6px;}
		.scroll ul {width:100%;position:absolute;left:0;top:0;}
		.scroll li {height:30px;line-height:30px;}
        .scroll li a{display: block;color: #666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;}
        .swiper-wrapper img{height: 150px!important;}	
        .content{padding: 5px;}
        .content p{font-size: 14px;color: #666666;line-height: 25px;text-indent: 2em;}
        .content img{width: 100%;height: auto;display: block;}
        .news-ti{font-size: 16px;color: #222222;text-align: center;font-weight: normal;}
    </style>
    <script type="text/javascript" src="../js/swiper.min.js" ></script>
    <script type="text/javascript" src="../js/jquery-1.8.0.min.js" ></script>
    <script type="text/javascript" src="../js/common.js" ></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=wqBXfIN3HkpM1AHKWujjCdsi"></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body style="background: #fff;">
	<header class="mui-bar mui-bar-nav ding-bar">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left "></a>
	    <h1 class="mui-title" >热点新闻列表</h1>
	</header>
	<div class="mui-content"style="background: #fff;">
		<!--下拉刷新容器-->
		    <div id="pullrefresh" class="newslist w620 mui-scroll-wrapper" style="position: static;">
				<!--数据列表-->
			    <div class="mui-scroll conferDiv" style="position: static;">
			    	<ul class="redian-list" id="redian-list">
			    	<!--<li>
			    		<a data-href="">
			    			<div>
			    				<h1 class="only-twoline">向着网络强国阔步前行— — 党的十八大以来网信事业发 展述评</h1>
			    				<p>
			    					2019-11-11
			    				</p>
			    			</div>
			    			<div>
			    				<img  src="../images/banner.png"/>
			    			</div>
			    		</a>
			    	</li>
			    	<li>
			    		<a data-href="">
			    			<div>
			    				<h1 class="only-twoline">向着网络强国阔步前行— — 党的十八大以来网信事业发 展述评</h1>
			    				<p>
			    					2019-11-11
			    				</p>
			    			</div>
			    			<div>
			    				<img  src="../images/banner.png"/>
			    			</div>
			    		</a>
			    	</li>
			    	<li>
			    		<a data-href="">
			    			<div>
			    				<h1 class="only-twoline">向着网络强国阔步前行— — 党的十八大以来网信事业发 展述评</h1>
			    				<p>
			    					2019-11-11
			    				</p>
			    			</div>
			    			<div>
			    				<img  src="../images/banner.png"/>
			    			</div>
			    		</a>
			    	</li>-->
			    </ul>
		        </div>
		    </div>
	</div>	
	<footer></footer>
	
		<script>
		$("footer").load("index-footer1.html")
		mui("footer").on("tap","a",function(){
			mui.openWindow({url:$(this).attr("data-href")})
		})
		mui("#redian-list").on("tap","a",function(){
			mui.openWindow({url:$(this).attr("data-href")})
		})
		var page=1;	
		var $height = $(window).height();
		var $height1 = $("header").height();
		$(".mui-scroll-wrapper").height( $height - $height1 );
		
		mui.init({
			pullRefresh: {
				
				container: '#pullrefresh',
				down: {
					style:'circle',
					callback: pulldownRefresh
				},
				up: {
					contentrefresh: '正在加载...',
					callback: pullupRefresh
				}
			}
		});
			/**
		 * 下拉刷新具体业务实现
		 */
		function pulldownRefresh() {
			setTimeout(function() {
				mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
				location.reload();
			}, 1500);
		}
		/**
		 * 上拉加载具体业务实现
		 */
		function pullupRefresh() {
			setTimeout(function() {
				mui('#pullrefresh').pullRefresh().endPullupToRefresh(); //参数为true代表没有更多数据了。
				getContents();
			}, 1500);
		}
		function getContents(){
		//热点新闻
		    var data={};
		       var searchinfo=getQueryString("searchinfo");
            if(searchinfo!=null&&searchinfo!=""){
            	searchinfo=decodeURI(decodeURI(searchinfo));
            }          
            data.page=page;
            data.searchinfo=searchinfo;		
			$.post(net+"public/index.php?s=api/Article",data,function(data){
               if(data.code==200){
	               	if(data.result!=null&&data.result!=""&&data.result.length!=0){
	               		var str="";
	               	 
	               		var url="public/uploads/home/article/";
	               		$.each(data.result, function(i,value) {
//	               			var time=timestampToDate(this.article_time);
	               	   	    str+='<li><a data-href="rendian-info.html?id='+this.article_id+'"><div><h1 class="only-twoline">'+this.article_title+'</h1><p class="redian-list-orange" >'+this.article_time+'<span class="liulan">浏览量：'+this.click_num+'<span></p></div><div><img  src="'+net+url
	               	   	    +this.article_pic+'"/></div></a></li>'
	               		});
	               		page++;
	               	   $("#redian-list").append(str)
	               	}else{
	               		mui.toast("已经到底了")
	               	}
               }
			   },'json'
			);
		}
		getContents();


		</script>
		
	</body>
</html>